<section class="main-slider" data-anchor="home">

    <div class="flexslider">
        <ul class="slides">
            <li>
                <figure>
                    <img src="img/slider/intro-bg.jpg" />
                </figure>
                <figcaption class="flex-caption">
                    <h1 style="color: wheat; font-size: 58px">Encontre seu emprego perfeito!</h1>
                    <p style="color: #fff; font-size: 20px">Com a Jobsel você acessa avaliações em várias empresas e pode contar com a opinião de quem já trabalhou lá. 
                    Não se surpreende em seu novo emprego, conheça-o antes!</p>
                    <a href="<?php echo $this->url(array('controller' => 'evaluation', 'action' => 'index')); ?>" class="btn btn-large btn-default">Confira as Empresas</a>
                </figcaption>
            </li>
             <li>
                <figure>
                    <img src="img/slider/intro-2-bg.jpg" />
                </figure>
                <figcaption class="flex-caption">
                    <h1 style="color: tomato; font-size: 58px">Contribua você também!</h1>
                    <p style="color: #fff; font-size: 20px">Seu emprego atual é bom? Ou você está insatisfeito? </p>
                    <p style="color: #fff; font-size: 20px">Compartilhe conosco suas experiências e ajude outras pessoas na hora de escolher o emprego ideal. 
                        Totalmente anônimo, seus dados pessoais não serão revelados!</p>
                    <a href="<?php echo $this->url(array('controller' => 'evaluation', 'action' => 'index')); ?>" class="btn btn-large btn-default">Empresas</a>
                </figcaption>
            </li>
            <li>
                <figure>
                    <img src="img/slider/intro-3-bg.jpg" />
                </figure>
                <figcaption class="flex-caption">
                   <h1 style="color: palegreen; font-size: 58px">Acesse agora mesmo!</h1>
                    <p style="color: #fff; font-size: 20px">O acesso é totalmente gratuito e anônimo. Nos comprometemos em não divulgar 
                        os dados dos avaliadores! É simples e rápido!</p>
                    <a href="<?php echo $this->url(array('controller' => 'login', 'action' => 'index')); ?>" class="btn btn-large btn-default">Acessar Agora</a>
                </figcaption>
            </li>            
        </ul>
    </div><!-- end .flexslider -->

    <div class="hello-message">
        <div class="container">
            <div class="row">
                <div class="col-md-12 center">
                    <h2>Encontre uma empresa</h2>
                        <div id="search">
                            <form action="<?php echo $this->url(array('controller' => 'evaluation', 'action' => 'index')) ?>" method="get" id="company-search-form">
                                <div class="col-md-4"><input type="text" style="color: #000; padding: 1px;" name="q" placeholder="Empresa" value="<?php if (isset($_GET['q'])) echo $_GET['q']; ?>" /></div>
                                <div class="col-md-3"><input type="text" style="color: #000; padding: 1px;" name="loc" placeholder="Local" value="<?php if (isset($_GET['loc'])) echo $_GET['loc']; ?>" /></div>
                                <div class="col-md-3">
                                    <select id="cat" class="select" name="cat" style="color: #000; font-size: 16px;">
                                        <option value="all">Todas Empresas</option>
                                        <?php 
                                            foreach ($this->categories AS $key => $value) {
                                                if (isset($_GET['cat']) && ($_GET['cat'] == $key)) {
                                                    echo '<option value="'.$key.'" selected>'. $value .'</option>';
                                                } else {
                                                    echo '<option value="'.$key.'">'. $value .'</option>';
                                                }
                                            } 
                                        ?>
                                    </select>
                                </div>
                                <div class="col-md-1"><input name="submit" type="submit" class="btn btn-large btn-default" id="submit" value="Procurar" /></div>
                            </form>
                        </div><!-- end #search -->
                </div>
            </div>
        </div>
    </div><!-- end .hello-message -->

</section><!-- end section -->

<section class="waypoint container services" data-animate-down="header-show" data-animate-up="header-large" data-anchor="howitworks">
    <div class="row">

        <div class="col-md-12">
            <h2 class="page-title">Como funciona</h2>
        </div><!-- end .col-md-12 -->
        
        <div class="col-md-3 col-sm-5">
            <div class="service">
                <div class="shape">
                    <a href="#" class="overlay hexagon"></a>
                    <i class="fa fa-search fa-5x"></i>
                </div>
                <h3>Localize</h3>
                <p>Encontre a empresa de seu interesse. Busque pelo nome, localidade ou área de atuação.
                Se sua empresa não estiver na lista, aproveite e cadastre para que todos conheçam este lugar.</p>
            </div>
        </div><!-- end .col-md-3 .col-sm-5 -->
        
        <div class="col-md-3 col-sm-5">
            <div class="service text-center">
                <div class="shape">
                    <a href="#" class="overlay hexagon"></a>
                    <i class="fa fa-bar-chart-o fa-5x"></i>
                </div>
                <h3>Analise Opiniões</h3>
                <p>Veja os dados da empresa e o que as pessoas estão falando dela. 
                É um bom lugar para trabalhar? O horário é flexível? A remuneração está de acordo?
                É recomendada pelos funcionários?</p>
            </div>
        </div><!-- end .col-md-3 .col-sm-5 -->
        
        <div class="col-md-3 col-sm-5">
            <div class="service">
                <div class="shape">
                    <a href="#" class="overlay hexagon"></a>
                    <i class="fa fa-star fa-5x"></i>
                </div>
                <h3>Contribua Avaliando</h3>
                <p>Conte-nos como é seu local de trabalho ou outras empresas que você já trabalhou, e ajude outros profissionais 
                    a tomarem a decisão correta! Deixe sua opinião, as avaliações são <strong>totalmente anônimas e gratuitas!</strong></p>
            </div>
        </div><!-- end .col-md-3 .col-sm-5 -->
        
        <div class="col-md-3 col-sm-5">
            <div class="service">
                <div class="shape">
                    <a href="#" class="overlay hexagon"></a>
                    <i class="fa fa-users fa-5x"></i>
                </div>
                <h3>Divulgue</h3>
                <p> Fale da Jobsel para seus amigos e colegas de trabalho, e convide-os para contribuir também. Quanto mais pessoas colaborando,
                   mais informações você vai ter sobre outras empresas.</p>
            </div>
        </div><!-- end .col-md-3 .col-sm-5 -->

    </div><!-- end .row -->
</section><!-- end section -->

<section class="waypoint container portfolio" data-animate-down="header-subshow" data-animate-up="header-small" data-anchor="companies">
    <div class="row">

        <div class="col-md-12">
            <h2 class="page-title">Empresas</h2>
        </div><!-- end .col-md-12 -->
        
        <?php foreach ($this->companies AS $company) { 
                if ($company['logo'] == '') {
                    $imgLogo = '/img/default-logo.jpg';
                }else {
                    $imgLogo = $company['logo'];
                }
                switch ($company['evaluations']) {
                    case 1:
                        $evaluations = $company['evaluations'] .' Avaliação';
                        break;
                    default:
                        $evaluations = $company['evaluations'] .' Avaliações';
                        break;
                } ?>
            <div class=" project mix city col-md-3 col-sm-5" style="height: 300px; text-align: center">
                <div class="row">
                    <a href="<?php echo $this->url(array('controller' => 'evaluation', 'action' => 'detalhes', 'company' => $company['friendly_name'])); ?>">
                        <img class="img-thumbnail" width="130" src="<?php echo $this->baseUrl().$imgLogo ?>">
                    </a>
                </div>
                <div class="row">
                    <a href="<?php echo $this->url(array('controller' => 'evaluation', 'action' => 'detalhes', 'company' => $company['friendly_name'])); ?>">
                        <?php echo $company['name']; ?>
                    </a>
                </div>
                <div class="row" >
                    <div style="margin-left: 25%;" class="rate" data-score="<?php echo $company['star_rate']; ?>"> </div>
                </div>
                <div class="row">
                    <span class="fa fa-inbox"></span> <?php echo $company['category']; ?>
                </div>
                <div class="row">
                    <span style="margin-left: 8px" class="fa fa-comments"></span> <?php echo $evaluations; ?>
                </div>
                <div class="row">
                    <a class="btn btn-info btn-small" href="<?php echo $this->url(array('controller' => 'evaluation', 'action' => 'detalhes', 'company' => $company['friendly_name'])); ?>">
                        Ver Avaliações
                    </a>
                </div>
            </div><!-- end .col-md-3 .col-sm-5 -->
        <?php } ?> 
    </div><!-- end .row -->
    <div class="row">
        <div class="project mix city col-lg-10"></div>
        <div class="project mix city col-lg-2"><a href="<?php echo $this->url(array('controller' => 'evaluation', 'action' => 'index')); ?>" class="btn btn-large btn-success"  style="margin-top: 20px;">Mais Empresas</a></div>
        
    </div><!-- end .row -->
    
</section><!-- end section -->
<?php /*
<section class="waypoint container portfolio" data-animate-down="header-show" data-animate-up="header-subshow" data-anchor="app">
    <div class="row">

        <div class="col-md-12">
            <h2 class="page-title">App</h2>
        </div><!-- end .col-md-12 -->

        <div class="col-md-4">
            <figure class="my-photo">
                <img src="images/tmp/icone_jobsel.png" alt="">
            </figure>
        </div><!-- end .col-md-4 -->

        <div class="col-md-8">
            <div class="about-me-info">
                <p>
                  Instale nosso aplicativo e desfrute o melhor do Jobsel de qualquer lugar. No banco, transporte público, após o almoço, ou de qualquer lugar, o aplicativo permite que você acompanhe os passos do Jobsel.
                </p>
                <div class="col-md-10">
                    <center><a href="#"><img src="img/Google-Play.png" alt=""></a></center>
                </duv>
            </div>
        </div><!-- end .col-md-8 -->

    </div><!-- end .row -->
</section><!-- end section --> */ ?>


<section class="waypoint container about-me" data-animate-down="header-show" data-animate-up="header-subshow" data-anchor="about">
    <div class="row">

        <div class="col-md-12">
            <h2 class="page-title">Sobre</h2>
        </div><!-- end .col-md-12 -->

        <div class="col-md-4">
            <figure class="my-photo">
                <img src="img/logo-o.png" alt="">
            </figure>
            <br />
            
            <div class="row">
                <?php 
                //Notícias na Mídia!
                /*<div class="col-md-2"></div>
                <div class="col-md-4">
                    <img src="images/tmp/pegn.png" alt="">
                </div>
                <div class="col-md-4">
                    <img src="images/tmp/startupi.png" alt="">
                </div>
                <div class="col-md-2"></div>
            
                <div class="col-md-2"></div>
                <div class="col-md-4">
                    <img src="images/tmp/veja.png" alt="">
                </div>
                <div class="col-md-4">
                    
                </div>
                <div class="col-md-2"></div>

                 * <!--<div class="progress progress-info">
                <div class="bar" style="width:80%">fb.com/Jobsel </div>
            </div>
            <div class="progress progress-info">
                <div class="bar" style="width:80%">linked.in/Jobsel </div>
            </div> -->
                 * 
                 *                  */
                ?>
            </div>
            
            
        </div><!-- end .col-md-4 -->

        <div class="col-md-8">
            <div class="about-me-info" style="text-align: justify">
                <p style="text-indent: 50px">A Jobsel surge com a proposta de difundir experiências profissionais para auxiliar as 
                    pessoas a encontrar um emprego perfeito. Desta forma, as pessoas podem dar suas contribuições anonimamente contando 
                    como é trabalhar em determinada empresa e avaliando alguns pontos chaves, como visão e estratégia da empresa, lideranças,
                    as culturas e valores, oportunidades de carreira, reconhecimento profissional, ambientes de trabalho, pagamento em dia, 
                    flexibilidade de horários, nível de sobrecarga, os colegas e a equipe e inclusive a remuneração e os benefícios. 
                    Com tudo isso fica fácil descobrir se a empresa que almejamos trabalhar realmente é boa e está adequada a nossa carreira.</p>
                
                <p style="text-indent: 50px">As avaliações são boas para as empresas também, que podem ver através de opiniões espontâneas quais seus 
                    diferenciais no mercado ou qual é a maior insatisfação dos colaboradores, podendo assim, tomar atitudes para corrigi-las.  Já foi 
                    comprovado que colaboradores satisfeitos produzem mais e melhor e a Jobsel está presente para contribuir com este sucesso.</p>

                <p style="text-indent: 50px">Por isso a Jobsel acredita que na união das pessoas para criar uma rede de cooperação sobre informações de 
                    locais de trabalho. Cada avaliação é muito importante e nosso time trabalha para difundir cada vez mais e ajudar as pessoas a encontrar, 
                    e as empresas a proporcionar, o <strong>emprego perfeito!</strong> </p>
            </div>
        </div><!-- end .col-md-8 -->
    </div><!-- end .row -->
</section><!-- end section -->
<script type="text/javascript">
$( document ).ready(function() {
    $(".rate").raty({ path: '<?php echo $this->baseUrl() . "/img/stars-medium/" ?>', size: 24, readOnly: true, halfShow : true, score: function() {return $(this).attr('data-score');}});
    $('span').tooltip();
});
</script>